<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>类似微信的聊天界面</title>
<!--    <link rel="stylesheet" href="styles.css">-->
</head>

<body>
{include file='chatmsg/css'}
<div class="chat-container">
    <div class="contacts-list">
        <ul id="contactList"></ul>
    </div>
    <div class="chat-area">
        <div id="chatHeader">
            <img id="chatAvatar" src="" alt="联系人头像">
            <span id="chatName">张三</span>
        </div>
        <div id="messageArea" class="messages"></div>
        <footer>
            <textarea id="messageInput" placeholder="输入消息..."></textarea>
            <button id="sendButton">发送</button>
        </footer>
    </div>
</div>

<!--<script src="scripts.js"></script>-->
{include file='chatmsg/js'}
</body>
</html>